@import"reset.css";
@import"skeleton.css";
@import url(http://fonts.googleapis.com/css?family=Ubuntu+Condensed);
body{
    background:#fff;
    font:12px/17px Arial, Helvetica, sans-serif;
    color:#a9a9a9;
    position:relative;
    min-width:1010px;
}

a[href^="tel:"]{color: inherit; text-decoration:none;} 
* {-webkit-text-size-adjust: none;}

.floatright {float:right;}
.floatleft {float:left;}

html,body{height:100%;}
p{padding-bottom:8px;text-align: justify;}
a{color:#63abb9;outline:none;cursor:pointer;text-decoration:underline;}
a:hover{text-decoration:underline}
/*  Header styles */
h1,h2,h3,h4,h5,h6{line-height:1em;color:#383838;font-family: 'Ubuntu Condensed', sans-serif; font-weight:normal; text-transform:uppercase; margin-top:30px;}
h1{font-size:40px;margin-bottom: 10px;}
h2{font-size:35px;}
h3{
    font-size:30px;
    margin: 15px 0px;
} 
h4{font-size:28px;}  
h5{font-size:25px;}
h6{
    font-size:24px;
    padding: 15px 0px 10px 0px;
    margin: 0px;
}
strong{
    color:#63abb9;
    text-decoration:none;
    font-weight: bold;
}
/* Global Structure---------------------------------------- */
/*----- txt,links,lines,titles -----*/
.extra-wrap{overflow:hidden;display:block;}
.fleft{float:left}
.fright{float:right}
.alignright{text-align:right}
.aligncenter{text-align:center}
.alignleft{text-align:left;}
.alignmiddle *{vertical-align:middle}
.color1{color:#ff2100;}

.last1 {
    margin-bottom:0 !important;
}

.last2 {
    padding-bottom:0 !important;
}

.wrapper {width:100%; overflow:hidden;}

.p1 {margin-bottom:8px;}
.p2 {margin-bottom:15px;}
.p3 {margin-bottom:30px;}
.p4 {margin-bottom:40px;}
.p5 {margin-bottom:50px;}

.padding-top{
    padding-top:15px;     
}
.padding-bottom{
    padding-bottom: 15px;     
}

.reg {text-transform:uppercase;}

.title {margin-bottom:18px;}

.it {font-style:italic;}

.letter {letter-spacing:-1px;}

/*********************************boxes**********************************/
.margin-bot {margin-bottom:35px;}
.margin-bot2 {margin-bottom:15px;}

.spacing {margin-right:35px;}

.indent {padding:0 0 0px 30px;}
.indent2 {padding-left:50px;}
.indent-bot {margin-bottom:20px;}
.indent-bot2 {margin-bottom:30px;}
.indent-bot3 {margin-bottom:45px;}

.img-indent-bot {margin-bottom:25px;}
.img-indent {float:left; margin:0 20px 0px 0;}	
.img-indent2 {float:left; margin:0 13px 0px 0;}	
.img-indent3 {float:left; margin:0 3px 0px 0;}	
.img-indent-r {float:right; margin:0 0px 0px 40px;}
.img-indent-r2 {float:right; margin:0 0px 0px 10px;}
.img-indent-r3 {float:right; margin:0 0px 0px 3px;}

.prev-indent-bot {margin-bottom:10px;}	

.buttons a:hover {cursor:pointer;}
.clear {
    clear: both;
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.bg {	
    margin:0 auto;
    width:995px;
    background:url(../images/conntent-bg.gif) repeat-x 0 0 #f5f5f5;
}

/*********************************header*************************************/
header {
    background:url(../images/head-bg.gif) repeat 0 0;
    width:100%;
    padding-bottom:9px;
    position:relative; 
    z-index:2;
}

header h1 {
    padding:20px 0 0 ;
    margin:0;
    font-size:0;
    float:left;
    line-height:0;
}

.head-line{
    width:100%;
    position:absolute;
    bottom:0;
    left:0;
    height:4px;
    background:#fff;
}

.p7 {background:none !important;}


/********************** Content ************************/

#content {
    width:100%; 
    padding:0 0 51px;	
    position:relative;
    z-index:1;
}


.bg1 {
    width:100%; 
    padding:23px 0;
    background:url(../images/content-bg1.gif) repeat-x 0 0;
    position:relative;
    z-index:1;
}
/***** Page 1 *****/

.bot1 {
    background:url(../images/head-bg.gif) repeat 0 0;
}

.inner1 {
    float:left;
    margin:4px 7px 0 24px;
    background:url(../images/marker2.png) no-repeat 0 0;
    width:30px;
    height:30px;
}

.link1 {
    color:#4d4d4d;
    letter-spacing:-1px;
    font-family: 'Ubuntu Condensed', sans-serif;
    text-transform:uppercase;
    font-size:30px;
    transition: all 0.4s ease 0s;
    line-height:36px;
    text-shadow:1px 1px 0 #fff;
}

.link1:hover {
    color:#63abb9;
    text-decoration:none;
}

.text1 {
    display:block;
    margin-top:7px;
    color:#848484;
}

.p6 {
    margin-bottom:14px;
}

.page1-box1 {
    background:url(../images/divider2.gif) no-repeat 0 31px;
    padding:40px 0 48px;
}

.page1-box2 span {
    display:inline-block;
    text-transform:uppercase;
    font-family: 'Ubuntu Condensed', sans-serif;
    color:#383838;
    font-size:30px;
    line-height:36px;
}

.page1-box2 {
    border-bottom: 1px solid #CECECE;
    padding-bottom: 17px;
    padding-top: 37px;
    text-align: center;
}

.page1-box3 {
    overflow:hidden;
    margin-top:17px;
    padding:13px 13px 0px;
    background:#fff;
    border: solid 1px #CECECE;
}

.page1-img1 {margin-bottom:21px;}

.link2 {
    text-transform:uppercase;
    color:#4d4d4d;
    transition: all 0.4s ease 0s;
    font-family: 'Ubuntu Condensed', sans-serif;
    font-size:18px;
    line-height:24px;
}

.link2:hover {
    color:#63abb9;
    text-decoration:none;
}

.text3 {
    display:block;
    padding-top:11px;
}

.inner2 {
    padding-left:19px;
}

.p9 {
    padding-top:63px;
    margin-top:0;
}

.text4 {
    color: #63ABB9;
    display: block;
    font-family: 'Ubuntu Condensed',sans-serif;
    font-size: 19px;
    letter-spacing: -1px;
    line-height: 22px;
    margin-top: 40px;
    text-transform: uppercase;
}

.text2 {
    color: #736D68;
    display: block;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 2px;
    margin-top: 16px;
    text-transform: uppercase;
}

.p10 {
    color:#736d68;
    padding-bottom:23px;
    line-height:22px;
}

.button1 {
    display:inline-block;
    background:url(../images/button1.gif) repeat 0 0;
    color:#fff;
    font-size:12px;
    line-height:15px;
    padding:8px 17px 9px;
    text-decoration: none;
}

.button1:hover {
    text-decoration:none;
    background:#63abb9;
}

.page1-img2 {
    margin:20px 0px 10px 0px;
}

.p11 {
    margin-top:16px;
}

.inner3 {
    float:left;
    margin-right:15px;
    color:#c6c6c6;
    transition: all 0.4s ease 0s;
    text-transform:uppercase;
    font-size:60px;
    line-height:60px;
    font-family: 'Ubuntu Condensed', sans-serif;
    text-shadow:1px 1px #fff;
}

.link3 {
    color: #736D68;
    font-size: 12px;
    transition: all 0.4s ease 0s;
    font-weight: bold;
    text-transform: uppercase;
}

.link3:hover {
    color: #63abb9;
    text-decoration:none;
}

.p12 {
    padding:2px 0 20px;
}

.page1-box4 {
    margin-top:23px;
}

.page1-box4:hover .inner3 {
    color:#63abb9;
}

.p13 {
    background:url(../images/divider3.png) repeat-x 0 bottom;
}

.thumb {
    padding-top:13px;
}

.border1 {
    position:relative;
}

.border1:after {
    background: url("../images/divider2.png") repeat-y scroll 0 0 transparent;
    content: "";
    height: 86%;
    left: 31px;
    position: absolute;
    top: 57px;
    width: 1px;
}

.border2 {
    position:relative;
}

.border2:after {
    background: url("../images/divider2.png") repeat-y scroll 0 0 transparent;
    content: "";
    height: 99%;
    position: absolute;
    right: -50px;
    top: 27px;
    width: 1px;
}

.last3 {
    background:none !important;
    padding-bottom:0 !important;
}

.last4 {
    background:none !important;
}

.list1 a {
    color:#63abb9;
    font-size:14px;
}

.list1 li {
    background: url("../images/marker3.png") no-repeat scroll 0 6px transparent;
    display: block;
    line-height: 17px;
    padding-bottom: 7px;
    padding-left: 14px;
}

.border-bot {
    width:100%;
    height:1px;

    background:url(../images/divider3.png) repeat-x 0 0;
}

.p15 {margin:52px 0 0px;}

.p23 {
    margin-top:47px;
}

#news-form {
    position: relative;
    padding-top:18px;
}

#news-form input {
    background: none;
    border:1px solid #dbdbdb;
    box-shadow: none;
    color: #b8b8b8;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;		
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    outline: medium none;
    padding: 7px 9px;
    margin:0 ;
    width: 100%;
}

#news-form label.invalid .error {
    height: 19px;
}
#news-form .error {
    color: #FF0000;
    display: block;
    font-size: 10px;
    height: 0;
    position:absolute;
    top:46px;
    left:0;
    overflow: hidden;
    transition: all 0.3s ease-out 0s;
}

#news-form a {
    position:absolute;
    display:block;
    width:8px;
    background:url(../images/marker4.png) no-repeat 0 0;
    right: 14px;
    top: 30px;
    height:7px;
}

#news-form a:hover {
    background-position:0 bottom;
}

#news-form .success {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #000000;
    color: #333333;
    display: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    left: 0;
    padding: 6px 0 6px 10px;
    position: absolute;
    top: 18px;
    width: 100%;
    z-index: 10;
}

/***** Page 2 *****/

.p16 {
    margin: 12px 0 9px;
    padding-bottom: 25px;
}

.page2-img1 {
    margin-bottom:22px;
}

.thumb1 {
    padding-top:23px;
}

.magnifier {
    position: relative;
    display: block;
}
.magnifier span {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    opacity: 0;
    left: 0;
    top: 0;
    background: url(../images/magnifier.png) center center no-repeat #000;
    -webkit-transition: opacity 0.5s linear;
    -moz-transition: opacity 0.5s linear;
    -o-transition: opacity 0.5s linear;
    transition: opacity 0.5s linear;

}
.magnifier:hover span {
    opacity: 0.6;
    -webkit-transition: opacity 0.5s linear;
    -moz-transition: opacity 0.5s linear;
    -o-transition: opacity 0.5s linear;
    transition: opacity 0.5s linear;
}

/***** Page 3 *****/


.page3-img1 {
    float: left;
    margin: 5px 18px 15px 0;
}

.text5 {
    display:block;
    margin-bottom:12px;
    color:#4d4d4d;
    text-transform:uppercase;
    line-height:22px;
    font-family: 'Ubuntu Condensed', sans-serif;
    font-size:18px;
}

.page3-box1 {
    margin-top:15px;
}

.p17 {
    padding-bottom: 26px;
}

.thumb2 {
    padding-top:15px;
    margin-bottom:16px;
}


.p18 {
    line-height: 22px;
    margin:29px 0 22px;
}

.p19 { line-height:22px;}

.p20 {
    margin-top:31px;
    padding-bottom:26px;
}

/***** Page 4 *****/

.link4 {
    color:#383838;
    text-transform:uppercase;
    font-family: 'Ubuntu Condensed', sans-serif;
    font-size:24px;
    line-height:29px;
    text-shadow:1px 1px 0 #d6d6d6;
    transition: all 0.4s ease 0s;
}

.link4:hover {
    color:#63abb9;
    text-decoration:none;
}


.inner4 {
    background: url("../images/marker5.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    float: left;
    font-size: 15px;
    font-weight: bold;
    height: 66px;
    line-height: 15px;
    margin-right: 17px;
    padding-top: 11px;
    text-align: center;
    width: 51px;
}
.text6 {
    display:block;
    color:#63ABB9;
    font-size:14px;
    padding-top:8px;
}

.page4-box1 {
    margin:35px 0 0px;
    padding-bottom:4px;
}

.page4-img1 {
    margin:3px 0 15px;
}

.map iframe {
    height: 287px;
    overflow: hidden;
    width: 100%;
}

.map {
    margin:35px 0 20px;
}

.p22 {
    margin-bottom:29px;
}

.link5 {
    text-decoration:underline;
}

.link5:hover {
    text-decoration:none;
}

/***** Page 5 *****/

.dl1 dt {width:200px;margin-bottom: 13px; line-height:22px; color:#4d4d4d; text-shadow:1px 1px 0 #fff; text-transform:uppercase; font-family: 'Ubuntu Condensed', sans-serif; font-size:18px;}

.dl1 span {float:left; width:75px;}

.dl1 dd { line-height:17px;}

.dl1 dd a {color:#63abb9; text-decoration:underline;}

.dl1 dd a:hover {text-decoration:none;}


/******************** Footer ******************/
footer {
    width:100%; 
    padding:0 0 21px;
}

.foot-logo {
    float: left;
    padding-left: 2px;
    padding-top: 28px;
}

.foot-page1 {
    color: #A0A0A0;
    float: right;
    font-family: 'Ubuntu Condensed',sans-serif;
    font-size: 16px;
    padding-right: 8px;
    padding-top: 27px;
    text-transform: uppercase;
}

.foot-page1 a {
    color:#7b7b7b;
    transition: all 0.4s ease 0s;
}

.foot-page1 a:hover {
    color:#63abb9;
    text-decoration:none;
}

.soc-links a {
    display:block;
    width:29px;
    height:32px;
}

.soc-links a:hover {
    background-position:0 0;
}

.soc-links li {
    display:block;
    float:left;
    margin-left:3px;
}

.soc-links {
    float: right;
    padding-right: 7px;
    padding-top: 14px;
}
.soc-link1 {background:url(../images/soc-link1.gif) no-repeat 0 3px ;
}
.soc-link2 {background:url(../images/soc-link2.gif) no-repeat 0 3px ;
}
.soc-link3 {background:url(../images/soc-link3.gif) no-repeat 0 3px ;
}
.soc-link4 {background:url(../images/soc-link4.gif) no-repeat 0 3px ;
}


/******************** Responsive ******************/


@media only screen and (min-width: 768px) and (max-width: 1024px) {
    body {
        min-width:768px;
    }

    .bg {
        width:100%;
    }

    #toTop {display:none !important;}

}

@media only screen and (max-width: 995px) {
    body{min-width:768px;}

    .bg {
        width:100%;
    }

    .sf-menu a {
        padding: 59px 12px 25px;
    }

    .camera_wrap {
        min-height: 300px;
    }
}


@media only screen and (max-width: 767px) {
    body {
        min-width:420px;
    }

    header h1 {
        float:none;
        padding: 30px 0 25px;
    }

    .logo {
        margin:0 auto;
    }


}

@media only screen and (max-width: 800px) {

    .camera_wrap {
        min-height: 300px;
    }

    .border1:after,
    .border2:after {
        display:none;
    }

}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    body {
        min-width:420px;
    }

    .floatright {float:left;}
    .floatleft {float:right;}

    nav select {
        outline:none;
        display: block !important;
        height:25px;
        line-height:25px;
        padding:0 0 4px;
    }	

    .camera_wrap {
        min-height: 180px;
    }

    .p8 {
        margin-left:0;
    }


    .camera_pag {
        left: 23%;
    }


    .page1-box1 {
        padding: 14px 0 15px;
    }

    .maxheight2 {
        height:auto !important;
    }

    .page3-img1 {
        float: none;
        margin-right:0;
    }

    .p21 {
        margin-left:0;
    }

    .text6 {
        padding-bottom:15px;
    }

    .page1-box1 {
        background:none;
    }

}
@media only screen and (max-width: 479px) {

    .inner-block {
        padding:0 10px;
    }

    body {
        min-width:300px;
    }

    .camera_pag {
        left: 12%;
    }

    .camera_wrap .camera_pag .camera_pag_ul li {
        margin-top:10px;
    }

    .camera_pag {
        height: 21px;
    }

    .page1-box1 {
        padding: 14px 0 15px;
    }


    .p8 {
        margin-left:0;
    }

    .camera_wrap {
        min-height: 100px;
    }

    .page3-img1 {
        float: none;
        margin-right:0;
    }

    .p21 {
        margin-left:0;
    }

    .text6 {
        padding-bottom:15px;
    }

    .page1-box1 {
        background:none;
    }

}

/**Message box*/
.info, .success, .warning, .error, .validation {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('ico/info.png');
}
.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('ico/success.png');
}
.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('ico/warning.png');
}
.error {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('ico/error.png');
}

/* progress bar base */
.progress-bar { 
    width: 90px;
    height: 5px;    
    background-color: #F5F5F5;  
    float: left;
    margin-right: 5px;
    margin-top: 5px;
}

/* code for the inner (colorful) part of the bar */
.progress-bar:before { 
    content: '';
    display: block;
    position: absolute;
    height: 5px;    
}

.green:before { 
    width: 90px;
    background: #4CFF00;  
}

.orange:before { 
    width: 60px;
    background: #FFD800;   
}

.red:before {
    width: 30px;
    background: #FF0000;   
}
.result{
    display:block;
    width:200px;
    float:left;    
    margin-right: 2px;        
    height: 20px;
    padding: 5px;
}

.result2{
    display:block;
    width:40px;
    float:left;    
    text-align: right;
    height: 20px;
    padding: 5px;
}

.pyjama{  
    background: #e8edff;
}

.textbox{    
    border:solid 1px #CCC;
    width:90px;
    color:#a9a9a9; 
}
.textboxNote{    
    border:solid 1px #CCC;
    width:30px;
    color:#666699; 
}


.border-top{
    border-top: 1px solid #CECECE;
}
.border-bottom{
    border-bottom: 1px solid #CECECE;
}

.bold{
    font-weight: bold;
}

.buttonCTA {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 4px 9px;
    border: 1px solid #457882;
    border-radius: 8px;
    background: #72c5d5;
    background: -webkit-gradient(linear, left top, left bottom, from(#72c5d5), to(#457882));
    background: -moz-linear-gradient(top, #72c5d5, #457882);
    background: linear-gradient(to bottom, #72c5d5, #457882);
    text-shadow: #32565d 1px 1px 1px;
    font: normal normal normal 15px arial;
    color: #ffffff;
    text-decoration: none;
    width: 60px;
}
.buttonCTAactive {
    border: 1px solid #63abb9;
    background: #89ecff;
    background: -webkit-gradient(linear, left top, left bottom, from(#89ecff), to(#53909c));
    background: -moz-linear-gradient(top, #89ecff, #53909c);
    background: linear-gradient(to bottom, #89ecff, #53909c);
    color: #ffffff;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 4px 9px;    
    border-radius: 8px;   
    text-shadow: #32565d 1px 1px 1px;
    font: normal normal normal 15px arial;    
    width: 60px;
}
.buttonCTA:hover,
.buttonCTA:focus {
    border: 1px solid #63abb9;
    background: #89ecff;
    background: -webkit-gradient(linear, left top, left bottom, from(#89ecff), to(#53909c));
    background: -moz-linear-gradient(top, #89ecff, #53909c);
    background: linear-gradient(to bottom, #89ecff, #53909c);
    color: #ffffff;
    text-decoration: none;
}
.buttonCTA:active {
    background: #457882;
    background: -webkit-gradient(linear, left top, left bottom, from(#457882), to(#457882));
    background: -moz-linear-gradient(top, #457882, #457882);
    background: linear-gradient(to bottom, #457882, #457882);
}
